<template>
  <view class="content">
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab1-List')">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="toPage2">{{ title }}</fuiButton>
    <fuiButton width="750rpx" @click="Nav.NavToPage('Tab2-Detail')">{{ title }}</fuiButton>
  </view>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import fuiButton from "@/components/firstui/fui-button/fui-button.vue";
import Nav from "@/router";
import { onShow } from "@dcloudio/uni-app";
const title = ref("Tab1");
onMounted(() => {
  console.log(Nav.RouterData());
});
onShow(() => {
  console.log("show", Nav.RouterData());
});
const toPage = () => {
  uni.navigateTo({
    url: "/subPackages/tab1/list/list",
  });
};
const toPage2 = () => {
  uni.navigateTo({
    url: "/subPackages/tab2/detail/detail",
  });
};
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
